<template>
	<div class="seckill-details-index">
		<details-focus></details-focus>
		<seckill-details-basic-info></seckill-details-basic-info>
		<pro-count></pro-count>
		<details-commodity-info></details-commodity-info>
		<details-buy-btn></details-buy-btn>
		<count-down class="count-down"></count-down>
	</div>
</template>

<script>

	import detailsFocus from '../details/details-focus';
	import detailsCommodityInfo from '../details/details-commodity-info';
	import detailsBuyBtn from '../details/details-buy-btn';
	import countDown from './count-down';
	import seckillDetailsBasicInfo from './seckill-details-basic-info';
	import proCount from './pro-count';

	export default {
		components: {
			detailsFocus, detailsCommodityInfo, detailsBuyBtn, countDown, seckillDetailsBasicInfo, proCount
		},
	}

</script>

<style lang="scss">

	@import '../../assets/css/_functions.scss';
	@import '../../assets/css/_variables.scss';
	
	.seckill-details-index {
		font-family: "Microsoft YaHei";
		.count-down {
			position: fixed;
			left: rem(45);
			bottom: rem(16);
		}
	}
</style>
